<template>
  <div class="historical-assessment">
    <progressItem
      v-for="(l, i) in list"
      :key="`historical-assessment-item${i}`"
      :k="l.k"
      :v="l.v"
    ></progressItem>
  </div>
</template>
<script>
import progressItem from "./progressItem.vue";
export default {
  components: { progressItem },
  data() {
    return {
      list: [
        { k: "3d", v: 100 },
        { k: "11d", v: 10 },
        { k: "6d", v: 56 },
        { k: "4d", v: 78 },
      ],
    };
  },
  mounted() {},
  computed: {},
  methods: {},
};
</script>
<style scoped lang='scss'>
.historical-assessment {
  padding-top: vh(20px);
}
</style>
